<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">

        <ui:define name="contenido">    

            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">                                

                <p:panel id="pnlPrincipal" header="#{i18n['organizacion.panel']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgFormDto" columns="6" cellpadding="4">                                      

                        <h:outputLabel value="#{i18n['organizacion.label.ruc']}" styleClass="label"/>
                        <p:inputText label="#{i18n['organizacion.label.ruc']}" 
                                     value="#{organizacionMBean.dto.ruc}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="25" style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputText>

                        <h:outputLabel value="#{i18n['organizacion.label.descripcion']}" styleClass="label"/>
                        <p:inputText label="#{i18n['organizacion.label.descripcion']}" 
                                     value="#{organizacionMBean.dto.descripcion}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="80" style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputText>

                        <h:outputLabel value="#{i18n['organizacion.label.descripcion.corta']}" styleClass="label"/>
                        <p:inputText label="#{i18n['organizacion.label.descripcion.corta']}" 
                                     value="#{organizacionMBean.dto.descripcionCorta}"  readonly="#{sessionMBean.accion == 3}"
                                     required="false" size="50" style="#{applicationMBean.estilo}">                            
                        </p:inputText>                       

                        <h:outputLabel styleClass="label" value="#{i18n['organizacion.label.pais']}"/>                    
                        <p:selectOneMenu value="#{organizacionMBean.dto.paisDto}"  converter="ubigeoConvert"   disabled="#{sessionMBean.accion == 3}"                                  
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{applicationMBean.siPaisesActivos}" var="ubigeoDto" itemLabel="#{ubigeoDto.descripcion}" itemValue="#{ubigeoDto}" />                        
                        </p:selectOneMenu>

                        <h:outputLabel value="#{i18n['organizacion.label.direccion']}" styleClass="label"/>
                        <p:inputTextarea label="#{i18n['organizacion.label.direccion']}" 
                                         value="#{organizacionMBean.dto.direccion}"  readonly="#{sessionMBean.accion == 3}"
                                         required="true" cols="50" rows="2"  style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputTextarea>

                        <h:outputLabel value="#{i18n['organizacion.label.referencia']}" styleClass="label"/>
                        <p:inputTextarea label="#{i18n['organizacion.label.referencia']}" 
                                         value="#{organizacionMBean.dto.referencia}"  readonly="#{sessionMBean.accion == 3}"
                                         required="false" cols="50" rows="2"  style="#{applicationMBean.estilo}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputTextarea>

                        <h:outputLabel value="#{i18n['organizacion.label.telefono']}" styleClass="label"/>
                        <p:inputText label="#{i18n['organizacion.label.telefono']}" 
                                     value="#{organizacionMBean.dto.telefono}"  readonly="#{sessionMBean.accion == 3}"
                                     required="false" size="45" style="#{applicationMBean.estilo}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputText>



                        <h:outputLabel styleClass="label" value="#{i18n['organizacion.label.moneda']}"/>                    
                        <p:selectOneMenu value="#{organizacionMBean.dto.monedaDto}"  converter="parametroConvert"                                     
                                         style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accion == 3}">
                            <f:selectItems value="#{organizacionMBean.listaMonedas}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                        </p:selectOneMenu>



                        <h:outputLabel value="#{i18n['organizacion.label.logo']}" styleClass="label"/>
                        <p:inputText label="#{i18n['organizacion.label.logo']}" 
                                     value="#{organizacionMBean.dto.logo}"  readonly="#{sessionMBean.accion == 3}"
                                     required="false" size="50" style="#{applicationMBean.estilo}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputText>

                        <h:outputLabel styleClass="label"  value="#{i18n['organizacion.label.estado']}"/>                    
                        <p:selectOneMenu value="#{organizacionMBean.dto.estadoDto}"  converter="parametroConvert"      disabled="#{sessionMBean.accion == 3}"                               
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{organizacionMBean.listaEstadosOrganizacion}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                        </p:selectOneMenu>
                    </h:panelGrid>     
                    <h:panelGrid columns="10">
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion!=3}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{organizacionMBean.guardar}">                                    
                        </p:commandButton>                        
                        <p:spacer width="10" />
                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonAtras}"
                                         action="#{organizacionMBean.retroceder}">                                    
                        </p:commandButton>
                    </h:panelGrid>

                </p:panel>

                <p:panel id="fseDetalle" header="#{i18n['organizacion.sub.organizacion']}" style="#{applicationMBean.estiloTitulo}" rendered="#{organizacionMBean.dto.id!=null}">
                    <h:panelGrid columns="1">
                        <p:dataTable id="tblPrincipal" value="#{organizacionMBean.dto.listaSubOrganizaciones}" var="dto" widgetVar="widTable"  
                                     emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="txtCampo">                        
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrilla" columns="10" cellspacing="10" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                     action="#{organizacionMBean.verDetalle}" ajax="false">
                                        <f:setPropertyActionListener value="#{dto}" target="#{organizacionMBean.organizacionDetaDto}" />                                                                    
                                    </p:commandButton>
                                    
                                    <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                     action="#{organizacionMBean.editarDetalle}" ajax="false" rendered="#{sessionMBean.accion!=3}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{organizacionMBean.organizacionDetaDto}" />                                                                    
                                    </p:commandButton>

                                </h:panelGrid>

                            </p:column>
                            <p:column headerText="#{i18n['general.label.id']}"  style="text-align:center;">
                                <h:outputText value="#{dto.id}" style="#{applicationMBean.estilo}" />
                            </p:column>
                            <p:column headerText="#{i18n['organizacion.label.descripcion']}">
                                <h:outputText value="#{dto.descripcion}" style="#{applicationMBean.estilo}" />
                            </p:column>
                            <p:column headerText="#{i18n['organizacion.label.descripcion.corta']}" >
                                <h:outputText value="#{dto.descripcionCorta}" style="#{applicationMBean.estilo}" />
                            </p:column>
                            <p:column headerText="#{i18n['organizacion.label.estado']}">
                                <h:outputText value="#{dto.estadoDto.descripcion}" style="#{applicationMBean.estilo}" />
                            </p:column>           
                            <p:column headerText="#{i18n['organizacion.label.direccion']}">
                                <h:outputText value="#{dto.direccion}" style="#{applicationMBean.estilo}" />
                            </p:column> 
                            <p:column headerText="#{i18n['organizacion.label.pais']}"  >
                                <h:outputText value="#{dto.paisDto.descripcion}" style="#{applicationMBean.estilo}" />
                            </p:column> 
                            <p:column headerText="#{i18n['organizacion.label.telefono']}"  >
                                <h:outputText value="#{dto.telefono}" style="#{applicationMBean.estilo}" />
                            </p:column> 
                            <p:column headerText="#{i18n['organizacion.label.logo']}"  >
                                <h:outputText value="#{dto.logo}" style="#{applicationMBean.estilo}" />
                            </p:column> 

                            <f:facet name="header" >                                
                                <p:outputPanel style="float: left" rendered="#{sessionMBean.accion!=3}"> 
                                    <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}" 
                                                     icon="ui-icon ui-icon-plus"
                                                     value="#{i18n['general.button.nuevo']}" 
                                                     style="#{applicationMBean.cssBotonNuevo};"   ajax="false"                                        
                                                     action="#{organizacionMBean.nuevoDetalle}">                                    
                                    </p:commandButton>
                                </p:outputPanel>
                            </f:facet>
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>